<template>
	<div class="start">
		<app-banner :listImg="listImg" :autoPlay="autoPlay" :loop="loop"></app-banner>
	</div>
</template>

<script>
import Banner from './Banner.vue';
export default {
	data() {
		return {
			listImg: [
				{
					src: 'static/img/start/1.png',
					href: "javascript:;"
				}, {
					src: 'static/img/start/2.png',
					href: "javascript:;"
				}, {
					src: 'static/img/start/3.png',
					href: "javascript:;"
				}, {
					src: 'static/img/start/4.png',
					href: "javascript:;"
				}, {
					src: 'static/img/start/5.png',
					href: "home",
					text: "开启吃货之旅",
					class: "banner_href"
				}
			],
			autoPlay: false,
			loop: false
		}
	},
	components: {
		'app-banner': Banner
	}
};
</script>
<style scope>
.start .swiper-slide img {
	height: 100vh;
}

</style>
